//根据窗口调整表格高度
$(window).resize(function() {
    $('#mytab').bootstrapTable('resetView', {
        height: tableHeight()
    })
})

$('#mytab').bootstrapTable({
    url: "/hotel/findHotel",//数据源
    dataField: "rows",//服务端返回数据键值 就是说记录放的键值是rows，分页时使用总记录数的键值为total
    height: tableHeight(),//高度调整
    search: true,//是否搜索
    pagination: true,//是否分页
    pageSize: 20,//单页记录数
    pageList: [5, 10, 20, 50],//分页步进值
    sidePagination: "server",//服务端分页
    contentType: "application/x-www-form-urlencoded",//请求数据内容格式 默认是 application/json 自己根据格式自行服务端处理
    dataType: "json",//期待返回数据类型
    method: "post",//请求方式
    searchAlign: "right",//查询框对齐方式
    queryParamsType: "limit",//查询参数组织方式
    queryParams: function getParams(params) {
        //params obj
        params.other = "otherInfo";
        return params;
    },
    searchOnEnterKey: true,//回车搜索
    showRefresh: true,//刷新按钮
    showColumns: true,//列选择按钮
    buttonsAlign: "left",//按钮对齐方式
    toolbar: "#toolbar",//指定工具栏
    toolbarAlign: "right",//工具栏对齐方式
    columns: [
        {
            title: "全选",
            field: "select",
            checkbox: true,
            width: 20,//宽度
            align: "center",//水平
            valign: "middle"//垂直
        },
        {
            title: "酒店id",//标题
            field: "hotelid",//键名
            sortable: true,//是否可排序
            order: "desc"//默认排序方式
        },
        {
            field: "hotelname",
            title: "酒店名称",
            sortable: true,
            titleTooltip: "this is name"
        },
        {
            field: "hoteladdr",
            title: "酒店地址",
            sortable: true,
        },
        {
            field: "performance",
            title: "酒店业绩",
            
        }
    ],
    onClickRow: function(row, $element) {
        //$element是当前tr的jquery对象
        $element.css("background-color", "green");
    },//单击row事件
    locale: "zh-CN", //中文支持
    detailView: false, //是否显示详情折叠
    detailFormatter: function(index, row, element) {
        var html = '';
        $.each(row, function(key, val){
            html += "<p>" + key + ":" + val +  "</p>"
        });
        return html;
    }
});

$("#addRecord").click(function(){
    alert("name:" + $("#name").val() + " age:" +$("#age").val());
});


function tableHeight() {
return $(window).height();
}
/**
* 列的格式化函数 在数据从服务端返回装载前进行处理
* @param  {[type]} value [description]
* @param  {[type]} row   [description]
* @param  {[type]} index [description]
* @return {[type]}       [description]
*/
function infoFormatter(value, row, index)
{
return "id:" + row.id + " name:" + row.name + " age:" + row.age;
}